<script type="text/javascript">
$(window).load(function() {
	$('#slider').nivoSlider();
});
</script>
<style>
	section #tops {
		margin: 20px auto;
		width: 100%
	}
	section #tops .col {
		background: #555;
		border-top: 12px solid #379dff;
		color: white;
		font-family: Arial, Helvetica, sans-serif;
		float: left;
		height: 200px;
		margin: 0 10px;
		padding: 20px;
		width: 253px;
	}
	section #tops .clear {
		float: none;
		clear: both;
	}
	section #tops .col:nth-child(1) {
		/*border-top: 10px solid #ee1c24;*/
		margin-left: 0;
	}
	section #tops .col:nth-child(2) {
		/*border-top: 10px solid #f26522;*/
	}
	section #tops .col:nth-child(3) {
		/*border-top: 10px solid #f2c922;*/
		margin-right: 0;
	}
	section #tops .col h1 {
		font-family: 'Architects Daughter', cursive;
		font-size: 36px;
		height: 70px;
		line-height: 28px;
	}
	section #tops .col p {
		font-size: 13px;
		height: 100px;
	}
	section #tops .col a {
		border: none;
		color: #00c5ff;
		text-shadow: inherit;
	}
	section #tops .col a:hover {
		color: #66ddee;
	}
	section #tops .col a.leer {
		background: #222;
		border: none;
		color: white;
		padding: 10px 15px;
		text-shadow: none;
	}
	section #tops .col a.leer:hover {
		background: #00c5ff;
		color: #eee;
	}
</style>
<h1 class="nombreMe">Bienvenido a mi página!<span class="arrow" /></h1>
<div id="tops">
	<div class="col">
		<h1>Nueva Noticia</h1>
		<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas pals dels apelodm 123s eascs apelsin ajsme932 as.</p>
		<a class="leer" href="#">Leer Más</a>
	</div>
	<div class="col">
		<h1>Hola! Soy Sergio...</h1>
		<p>Pellentesque <a href="#">un link</a> morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
		<a class="leer" href="#">Leer Más</a>
	</div>
	<div class="col">
		<h1>Sabias Que...</h1>
		<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
		<a class="leer" href="#">Leer Más</a>
	</div>
	<div class="clear"></div>
</div>